25 Event Related 中文指南

    addEventListener文档

    2.将capture参数设置为true后，运行程序后点击内层div可以看到，事件的触发顺序为由外向内，即在事件捕获阶段监听到事件。 

    1.          one.addEventListener('click', logText1, {
    2.                capture: true
    3.          });
    4.         two.addEventListener('click', logText2, {
    5.          });
    6.         three.addEventListener('click', logText3, {
    7.            capture: true
    8.        });
    10.         function logText1(e) {
    11.             console.log(this.classList.value);
    12.             // e.stopPropagation();
    13.         }
    14.         function logText2(e) {
    16.              e.stopPropagation();
    17.         }
    19.         function logText3(e) {
    20.             console.log(this.classList.value);
    21.             //e.stopPropagation();
    22.         }

    3.在事件回调函数中调用e.stopPropagation()方法后，即可看到在该处监听到事件后不再继续传递事件、